<template>
  <div class="test">
    <h1>site : {{site}}</h1>
    <h1 style="color:black">url : {{url}}</h1>
    <h1>{{details()}}</h1>
  </div>
</template>




<script>
  export default {
    el: "#test",
    data() {
      return {
        site: "菜鸟教程",
        url: "www.runoob.com",
      }
    },
    methods: {
      details: function () {
        return this.site + " - 学的不仅是技术，更是梦想！";
      }
    }
  }

</script>


<style>
  h1 {
    
    top: 0;
    text-align: left;
    margin-left: 25%;
    margin-right: 25%;
    color: black;
  }
</style>
